<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>多人博客 - 首页</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="public/css/sowing.css">
</head>

<body>
	<nav class="navbar navbar-default">
		<div class="container">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="/">
					<img width="90px" src="/public/img/logo3.png" alt="">
				</a>
			</div>
			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				
				<ul class="nav navbar-nav navbar-right">
					{{if user}}
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><img width="20" height="20" src="../public/img/avatar-max-img.png" alt=""> <span class="caret"></span></a>
						<ul class="dropdown-menu">
							<li class="dropdown-current-user">
								<p>当前登入用户: </p>
								<span class="pull-center">{{user.email}}</span>
							</li>
							<li role="separator" class="divider"></li>
							<li><a href="/setting/base">设置</a></li>
							<li><a href="/logout">退出</a></li>
						</ul>
					</li>
					{{ else }}
					<a class="btn btn-primary navbar-btn" href="/login">登录</a>
					<a class="btn btn-success navbar-btn" href="/register">注册</a>
					{{ /if }}
				</ul>
			</div>
			<!-- /.navbar-collapse -->
		</div>
		<!-- /.container-fluid -->
	</nav>

	<div class="row ">
		<div class="col-sm-1"></div>
		<div class="col-sm-6">
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
				<!-- Indicators -->
				<ol class="carousel-indicators">  <!-- index计数圆点 -->
					<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
					<li data-target="#carousel-example-generic" data-slide-to="1"></li>
					<li data-target="#carousel-example-generic" data-slide-to="2"></li>
				</ol>

				<!-- Wrapper for slides -->
				<div class="banner hidden-xs">
					<div class="carousel-inner" role="listbox">
						<div class="item active"> 
							<a href="#" class="banner_a image_a"></a>
						</div>
						<div class="item">  
							<a href="#" class="banner_a image_b"></a>
						</div>
						<div class="item">  
							<a href="#" class="banner_a image_c"></a>
						</div>
					</div>

					<!-- Controls -->
					<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
						<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
						<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						<span class="sr-only">Next</span>
					</a>
				</div>
			</div>
			<hr>
			{{if user}}
			<ul class="media-list">
				<li class="media">
					<div class="media-left">
						<a href="#">
						<img width="40" height="40" class="media-object" src="../public/img/5.png" alt="...">
						</a>
					</div>
					<div class="media-body">
						<h4 class="media-heading"><a href="/topic" >Mare Gsd：技术的路上没有尽头</a></h4>
						<p>选择用node写接口，也是参考了狼叔的在本站的一篇文章(如何正确的学习Node.js)， 买了《深入浅出Node.js》《了不起的Node.js》（Node in action缺货就选了这本），第一本的确有点难，不适合新手，也硬着头皮看了一边，下面就是动手开工。</p>
						<p>sueysok 回复了问题 • 2 人关注 • 1 个回复 • 187 次浏览 • 2018-6-20 13:45</p>
					</div>
				</li>
				<li class="media">
					<div class="media-left">
						<a href="#">
							<img width="40" height="40" class="media-object" src="../public/img/6.png" alt="...">
						</a>
					</div>
					<div class="media-body">

						<h4 class="media-heading"><a href="/topic" > AnzerWall：寻求突破之道。</a></h4>
						<p>刚好做过PC网游开发，也用过Node做过后端开发，我的建议是继续两个方向。首先，游戏客户端渲染引擎和逻辑完全不同于服务端，除非特别喜欢3D渲染否则没必要</p>
						<p>sueysok 回复了问题 • 2 人关注 • 1 个回复 • 187 次浏览 • 2018-6-20 13:45</p>

					</div>
				</li>
				<li class="media">
					<div class="media-left">
						<a href="#">
							<img width="40" height="40" class="media-object" src="../public/img/avatar-max-img.png" alt="...">
						</a>
					</div>
					<div class="media-body">

						<h4 class="media-heading"><a href="/topic" >shenzekun：vue网易云音乐v2.0 </a></h4>
						<p>希望它在用vue高仿网易云音乐webapp的路上走的更远。 我会继续维护的！！！！！！</p>
						<p>sueysok 回复了问题 • 2 人关注 • 1 个回复 • 187 次浏览 • 2018-6-20 13:45</p>

					</div>
				</li>
			</ul>
			{{else}}
			<ul class="media-list">
				<li class="media">
					<div class="media-left">
						<img width="40" height="40" class="media-object" src="../public/img/5.png" alt="...">
					</div>
					<div class="media-body">
						<h4 class="media-heading">大家说：福克斯JFK就</h4>
						<p>为了方便大家学习网易的pomelo框架，运行官方的lordofpomelo demo, 自己用docker-compose将demo整理了一下，很方便的就解决了一系列初学者常遇到的问题，大都是npm版本的升级导致的。</p>
						<p>sueysok 回复了问题 • 2 人关注 • 1 个回复 • 187 次浏览 • 2018-6-20 13:45</p>
					</div>
				</li>
				<li class="media">
					<div class="media-left">
						<img width="40" height="40" class="media-object" src="../public/img/6.png" alt="...">
					</div>
					<div class="media-body">
						<h4 class="media-heading">大家说：福克斯JFK就</h4>
						<p>为了方便大家学习网易的pomelo框架，运行官方的lordofpomelo demo, 自己用docker-compose将demo整理了一下，很方便的就解决了一系列初学者常遇到的问题，大都是npm版本的升级导致的。</p>
						<p>sueysok 回复了问题 • 2 人关注 • 1 个回复 • 187 次浏览 • 2018-6-20 13:45</p>
					</div>
				</li>
				<li class="media">
					<div class="media-left">
						<img width="40" height="40" class="media-object" src="../public/img/avatar-max-img.png" alt="...">
					</div>
					<div class="media-body">
						<h4 class="media-heading">大家说：福克斯JFK就</h4>
						<p>为了方便大家学习网易的pomelo框架，运行官方的lordofpomelo demo, 自己用docker-compose将demo整理了一下，很方便的就解决了一系列初学者常遇到的问题，大都是npm版本的升级导致的。</p>
						<p>sueysok 回复了问题 • 2 人关注 • 1 个回复 • 187 次浏览 • 2018-6-20 13:45</p>
					</div>
				</li>
			</ul>
			{{/if}}
			<nav aria-label="Page navigation">
				<ul class="pagination">
					<li>
						<a href="#" aria-label="Previous">
							<span aria-hidden="true">&laquo;</span>
						</a>
					</li>
					<li class="active"><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
					<li><a href="#">5</a></li>
					<li>
						<a href="#" aria-label="Next">
							<span aria-hidden="true">&raquo;</span>
						</a>
					</li>
				</ul>
			</nav>
			<footer class="container">
				<p class="text-center">Copyright © 2018</p>
			</footer>
		</div>
		<div class="col-sm-1"></div>
		<div class="col-sm-3 lefts">
			{{if user}}
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">当前用户</h3>
				</div>
				<div class="panel-body">
					<div class="media">
						<div class="media-left ">
							<a href="#">
								<img width="80" height="80" class="media-object" src="../public/img/avatar-max-img.png" alt="">
							</a>
						</div>
						<div class="media-body">
							<h4 class="media-heading "><a href="/setting/base" >{{user.name}}</a></h4>

						</div>
					</div>
				</div>
				<div class="panel-body">
					<p><em>天道酬勤，学海无涯</em></p>
				</div>
			</div>
			{{else}}
			<div class="panel panel-default">
				<div class="panel-heading">
					<h3 class="panel-title">当前用户</h3>
				</div>
				<div class="panel-body">
					<div class="media">
						<div class="media-left ">
							<a href="#">
								<img width="80" height="80" class="media-object" src="../public/img/4.png" alt="">
							</a>
						</div>
						<div class="media-body">
							<h5 class="media-heading ">亲，还未<a href="/login">登入</a>哦</h5>
						</div>
					</div>
				</div>
				<div class="panel-body">
					<p><em>世界因你而不同</em></p>
				</div>
			</div>
			{{/if}}
			<hr>

			<div class="list-group ">
				<a href="#" class="list-group-item active">
					<h4 class="list-group-item-heading">如何正确学习node.js</h4>
					<p class="list-group-item-text">Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台........ </p>
				</a>
				<a href="#" class="list-group-item">
					<h4 class="list-group-item-heading">node.js安装配置</h4>
					<p class="list-group-item-text">检测PATH环境变量是否配置了Node，在命令工具栏输入命令"path",
					我们可以看到环境变量中已经包含了相应的路径
					</p>
				</a>
				<a href="#" class="list-group-item">
					<h4 class="list-group-item-heading">MongoDB</h4>
					<p class="list-group-item-text">MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。</p>
				</a>
				<a href="#" class="list-group-item">
					<h4 class="list-group-item-heading">node.js与MongoDB</h4>
					<p class="list-group-item-text">MongoDB是一种文档导向数据库管理系统，由C++撰写而成。使用 Node.js 来连接 MongoDB，并对数据库进行操作。 </p>
				</a>
			</div>
		</div>
	</div>
	<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> 
	<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script> 
</body>

</html>
